@radio-prefix-cls      :~'@{vcu-prefix}-radio';
@radio-group-prefix-cls: ~'@{radio-prefix-cls}-group';
@radio-inner-prefix-cls: ~'@{radio-prefix-cls}-inner';

.@{radio-prefix-cls} {

  &-mini,
  &-group-mini {
    font-size: @font-size-mini;

    .vcu-radio-wrapper {
      font-size: @font-size-mini;
    }

    .@{radio-prefix-cls} {
      &-inner {
        top: -2px;

        &::after {
          @radio-dot-size: @radio-size-mini - 8px;
          top            : (@radio-size-mini - @radio-dot-size) / 2 - 3px;
          left           : (@radio-size-mini - @radio-dot-size) / 2 - 3px;
        }

        width : @radio-size-mini;
        height: @radio-size-mini;
      }


    }
  }


  &-small,
  &-group-small {
    font-size: @font-size-sm;

    .vcu-radio-wrapper {
      font-size: @font-size-sm;
    }

    .@{radio-prefix-cls} {
      &-inner {
        top: -1px;

        &::after {
          @radio-dot-size: @radio-size-small - 8px;
          top            : (@radio-size-small - @radio-dot-size) / 2 - 2px;
          left           : (@radio-size-small - @radio-dot-size) / 2 - 2px;
        }

        width : @radio-size-small;
        height: @radio-size-small;
      }


    }
  }

  &-large,
  &-group-large {
    font-size: @font-size-lg;

    .vcu-radio-wrapper {
      font-size: @font-size-lg;
    }

    .@{radio-prefix-cls} {
      &-inner {

        &::after {
          @radio-dot-size: @radio-size-large - 6px;
          top            : (@radio-size-large - @radio-dot-size) / 2 - 1px;
          left           : (@radio-size-large - @radio-dot-size) / 2 - 1px;
          width          : @radio-size-large - 6px;
          height         : @radio-size-large - 6px;
        }

        width : @radio-size-large;
        height: @radio-size-large;
      }


    }
  }
}